<template>
    <div class="space-y-10 h-[483px]">
        <div class="flex items-center h-[100px] my-4">
            <div class="h-[100px] w-10 bg-[rgb(14,193,172)] flex items-center justify-center text-white">
                优势学科
            </div>
            <div class="h-[100px] bg-[rgb(248,248,248)] flex-grow flex items-center pl-4">
                11
            </div>
        </div>

        <div>
            <div class="flex items-center h-10">
                <div class="m-0 h-[100px] w-10 bg-[rgb(244,121,117)] flex items-center justify-center text-white">劣势学科</div>
                <div class="h-[100px] bg-[rgb(248,248,248)] flex-grow flex items-center pl-4">woc，冰！</div>
            </div>
        </div>

        <div>
            <div class="bg-[rgb(248,248,248)] p-4">
                优劣势学科:学科的成绩已经换算成标准数，对比每个数据大小可以对比出每个学科的优劣势情况
                <br />
                注：学科对比中不区分特色班与非特色班
            </div>
        </div>
    </div>
</template>

<script setup>

</script>